.mui-content3 {
	padding-top: 44px;
	padding-bottom: 50px;
	height: auto;
	overflow: hidden;
}

.mui-content2 {
	padding-bottom: 52px;
	height: auto;
	overflow: hidden;
}

.enter-button {
	line-height: 50px;
	text-align: center;
	display: block;
	background: #31A7E5;
	color: white;
	font-size: 16px;
	margin-top: 20px;
}

.mui-scroll {
	-webkit-border-radius: 0px!Important;
}

.view-title {
	background: black;
	color: white;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	border-radius: none!important;
}


/*调色盘*/

.bg-linear-green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2DD0C5+0,57d644+100 */
	background: rgb(103, 216, 88);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(103, 216, 88, 1) 0%, rgba(87, 214, 68, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(103, 216, 88, 1) 0%, rgba(87, 214, 68, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(103, 216, 88, 1) 0%, rgba(87, 214, 68, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2DD0C5', endColorstr='#57d644', GradientType=0);
	/* IE6-9 */
}

.bg-1 {
	background: #FF845C;
}

.bg-2 {
	background: #F9D57F;
}

.bg-3 {
	background: #8DCEF8;
}

.bg-4 {
	background: #83DEB3;
}

.bg-5 {
	background: #E4CDAB;
}

.bg-6 {
	background: #FE9FC7;
}


/*
 * 各种UL自定义
 */


/*没有a标签的ul*/

.ul-no-a li {
	padding: 11px 15px!important;
}

.ul-no-a .mui-table-cell {
	line-height: 30px;
	height: 30px;
}


/*表单ul*/

.ul-input li {
	position: relative!important;
	line-height: 60px!important;
	color: #333!important;
	text-indent: 15px;
}

.ul-input li .right {
	width: 40%;
	height: 60px;
	float: right;
	padding: 5px 37px 5px 0;
}

.ul-input li .right button {
	border: none;
	color: gray;
	line-height: 50px;
	height: 50px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
}

.ul-input li .right button:active {
	background: none;
}

.ul-input .name-label {
	padding: 8px 19px;
	color: white!important;
	-webkit-border-radius: 20px;
	background: #FF6161;
}

.ul-input li .input-20 input {
	width: 50px;
	border: none;
	background: none!important;
	float: left;
	text-align: center;
	color: gray!Important;
	height: 50px;
	display: block;
	position: inherit;
	font-size: 18px;
	font-weight: normal;
	font-family: inherit;
	line-height: 50px;
}

.ul-input li .input-20 input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: gray!important;
}

.ul-input li .input-20 input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: gray!important;
}

.ul-input li .input-20 input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: gray!important;
}

.ul-input li .input-20 input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: gray!important;
}

.ul-input li .input-20 {
	width: 50px;
	height: 50px;
	/*border: 1px solid #f1f1f1;*/
	background: #f1f1f1;
	margin: 5px;
	float: right;
}

.ul-input li .input-20 select {
	width: 33px;
	border: none;
	background: none!important;
	float: right;
	/* text-align: center; */
	color: gray!Important;
	height: 50px;
	display: block;
	position: inherit;
	line-height: 1;
	/* font-size: 18px; */
}

.ul-input .mui-active {
	background: white!important;
}

.ul-input li .button-cover {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #2DD0C5!important;
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 30px;
}

.ul-input li .button-cover i {}

.ul-input .selectShort {
	width: 90px;
}

.ul-input .selectButton {
	width: 60px;
	display: block;
	color: rgba(255, 255, 255, 0)!important;
	background: none!important;
}

.ul-input select {
	border: none!important;
	background: white!important;
	height: 40px;
	position: absolute;
	right: 15px;
	top: 9px;
	text-align: right;
	color: gray!important;
	font-family: inherit;
	font-size: 16px;
}

.ul-input ul {
	background: white;
	box-shadow: 0px 1px 5px #ECECEC inset;
}

.ul-input ul li {
	text-indent: 30px;
}

.ul-input ul .datepicker {
	font-size: 12px;
	display: block;
	width: 100px;
	margin-bottom: 10px;
	padding: 10px 0;
}

.ul-input .fa-angle-down {
	position: absolute;
	right: 20px;
	top: 22px;
	color: #ccc;
}

.ul-input input {
	border: none!important;
	background: white!important;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 10px;
	left: 100px;
	text-align: right;
	color: gray!important;
}

.ul-input input::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #ccc;
}

.ul-input input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #ccc;
}

.ul-input input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ccc;
}

.ul-input input:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #ccc;
}


/*
 * 各种UL自定义 end
 */

.doctor-add {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: white;
	border-bottom: 1px solid #D8D8D8;
	position: relative;
}

.dt-add-hide {
	position: absolute;
	top: -1px;
	right: 0px;
	padding: 10px;
	color: #ccc!important;
	font-size: 14px;
}

.doctor-add .bigGray-title-1 {
	font-size: 18px;
	text-align: center;
	line-height: 40px;
}

.doctor-add .bigGray-title-2 {
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	color: #2DD0C5;
}

.doctor-add .bigGray-title-1 i {
	margin-right: 10px;
	line-height: 40px;
}

.doctor-add .yqm-input input {
	border: none;
	outline: none;
	background: #f1f1f1;
	line-height: 50px;
	text-align: center;
	width: 100%;
	float: left;
}

.doctor-add .yqm-input {
	height: 50px;
	width: 80%;
	margin: 10px 10%;
	background: white;
}

.doctor-list {
	background: none!important;
}

.doctor-list li {
	margin-top: 8px;
	background: white;
}

.content-button {
	width: 80%;
	line-height: 50px;
	margin: 10px 10%;
	display: block;
	color: white!important;
	font-size: 16px;
	text-align: center;
	background: #2DD0C5;
}

.content-button:active {
	width: 80%;
	line-height: 50px;
	margin: 10px 10%;
	display: block;
	color: white!important;
	font-size: 16px;
	text-align: center;
	background: #4ED8BB;
}

.content-button i {
	margin-right: 5px;
}


/*首页 end*/





/*顶部search*/

.mui-search .mui-icon {
	padding: 4px!important;
	display: block;
	margin-left: 10px!Important;
	margin-right: 0px!Important;
}

.mui-search:before {
	color: #bbbbbb!important;
}

.mui-search .mui-icon:before {
	font-size: 21px!important;
	color: #bbbbbb!important;
}

.mui-search .mui-placeholder span {
	float: left;
}

.mui-search .mui-placeholder {
	font-size: 14px;
	line-height: 29px;
	height: 29px;
	top: 6px;
}

.header-search input {
	color: #BBBBBB;
	background: #f1f1f1;
}

.header-search .mui-icon-clear:before {
	color: #BBBBBB!important;
}

.header-search .mui-placeholder {
	color: #BBBBBB;
}

.header-search .mui-placeholder .mui-icon {
	font-size: 20px;
	color: #FFF;
}


/*顶部search end*/


/*医生详情页*/

.doctor-top {
	position: relative;
	background: white;
	border-bottom: 1px solid #f1f1f1;
}

.doctor-top img {
	width: 70px;
	height: 70px;
	-webkit-border-radius: 80px;
	margin: 10px 15px;
}

.doctor-top .info {
	position: absolute;
	left: 100px;
	top: 14px;
}

.doctor-top .info .name {
	font-size: 20px;
	color: #333;
	margin-bottom: 2px;
}

.doctor-top .info .title {}

.doctor-top .info .hospital {
	color: #CCCCCC;
}

.doctor-top .guanzhu {
	padding: 8px 15px;
	border: 1px solid #2DD0C5;
	display: block;
	-webkit-border-radius: 5px;
	position: absolute;
	top: 10px;
	right: 10px;
	color: #2DD0C5;
}

.doctor-tongji {
	width: 100%;
	padding: 0px 5%;
	height: auto;
	overflow: hidden;
	background: white;
}

.doctor-tongji dl {
	width: 25%;
	float: left;
	height: auto;
	overflow: hidden;
	margin: 7px 0;
}

.doctor-tongji dl dt {
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #ccc;
}

.doctor-tongji dl dd {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #666;
	margin-top: 3px;
}

.doctor-taocan {
	margin-top: 10px;
	height: auto;
	overflow: hidden;
}

.doctor-taocan .taocan-button {
	width: 47%;
	margin-left: 2%;
	float: left;
	height: auto;
	overflow: hidden;
	background: white;
}

.doctor-taocan .taocan-button:active {
	background: #f1f1f1;
}

.doctor-taocan .taocan-button img {
	width: 30%;
	margin: 15px 35% 5px 35%;
}

.doctor-taocan .taocan-button p {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
	color: #666;
}

.doctor-jianjie {
	margin-top: 10px;
	height: auto;
	overflow: hidden;
}

.doctor-jianjie .mui-table-view-cell.mui-collapse.mui-active {
	background: white!important;
}

.jianjie-content {
	color: gray;
	font-size: 14px;
	line-height: 1.3;
	height: auto;
	overflow: hidden;
	background: #F1F1F1;
	position: relative;
	box-shadow: 0px 0px 13px #D8D8D8 inset;
}

.lc-info {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.lc-outer1 {
	position: absolute;
	left: 25%;
	width: 120px;
	height: 120px;
	-webkit-border-radius: 130px;
	float: left;
	margin-left: -60px;
	top: 15px;
}

.lc-outer-right {
	float: right;
	width: 50%;
	padding: 10px;
}

.lc-outer-right a {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: white;
}

.add-button {
	width: 90%;
	margin: 10px 5%;
	padding: 8px;
	text-align: center;
	background: #5FDEC3;
	color: white;
	-webkit-border-radius: 5px;
	display: block;
}

.lc-outer-right a img {
	width: 50px;
	height: 50px;
	margin: 10px;
	float: left;
	-webkit-border-radius: 50px;
}

.lc-outer-right a dl {
	margin-left: 70px;
	height: 50px;
	margin-top: 17px;
}

.lc-outer-right a dl dt {
	text-align: left;
	font-size: 16px;
	color: #2DD0C5;
	line-height: 1;
}

.lc-outer-right a dl dd {
	text-align: left;
	line-height: 1.3;
	font-size: 12px;
	margin-top: 4px;
	color: #ccc;
}

.lc-outer-right .lc-dc {
	border-bottom: 1px solid #f1f1f1;
}

.lc-outer-right .lc-drug {
	padding: 5px;
	line-height: 1.5;
	font-size: 14px;
	color: gray!important;
	text-align: left;
}

.lc-outer-right .lc-drug .has-drug span {
	color: #2DD0C5!important;
}

.bg-hj {
	background: rgb(155, 255, 182)!important;
	background: -moz-linear-gradient(top, rgba(155, 255, 182, 1) 0%, rgba(99, 232, 176, 1) 100%)!important;
	background: -webkit-linear-gradient(top, rgba(155, 255, 182, 1) 0%, rgba(99, 232, 176, 1) 100%)!important;
	background: linear-gradient(to bottom, rgba(155, 255, 182, 1) 0%, rgba(99, 232, 176, 1) 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9bffb6', endColorstr='#63e8b0', GradientType=0);
}

.bg-hj .lc-score {
	color: rgb(99, 232, 176)!important;
}

.bg-hj .lc-text {
	background: rgb(155, 255, 182)!important;
}

.bg-dd {
	background: rgb(255, 150, 138);
	background: -moz-linear-gradient(top, rgba(255, 150, 138, 1) 0%, rgba(255, 191, 137, 1) 45%, rgba(255, 72, 133, 1) 100%)!important;
	background: -webkit-linear-gradient(top, rgba(255, 150, 138, 1) 0%, rgba(255, 191, 137, 1) 45%, rgba(255, 72, 133, 1) 100%)!important;
	background: linear-gradient(to bottom, rgba(255, 150, 138, 1) 0%, rgba(255, 191, 137, 1) 45%, rgba(255, 72, 133, 1) 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff968a', endColorstr='#ff4885', GradientType=0);
}

.bg-dd .lc-score {
	color: rgb(249, 131, 147)!important;
}

.bg-dd .lc-text {
	background: rgb(249, 131, 147)!important;
}

.bg-zd {
	background: rgb(247, 203, 165);
	background: -moz-linear-gradient(top, rgba(247, 203, 165, 1) 1%, rgba(244, 203, 56, 1) 100%)!important;
	background: -webkit-linear-gradient(top, rgba(247, 203, 165, 1) 1%, rgba(244, 203, 56, 1) 100%)!important;
	background: linear-gradient(to bottom, rgba(247, 203, 165, 1) 1%, rgba(244, 203, 56, 1) 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7cba5', endColorstr='#f4cb38', GradientType=0);
}

.bg-zd .lc-score {
	color: rgb(249, 197, 131)!important;
}

.bg-zd .lc-text {
	background: #f1cc77!important;
}

.bg-gd {
	background: rgb(255, 55, 32);
	background: -moz-linear-gradient(top, rgba(255, 55, 32, 1) 0%, rgba(255, 157, 111, 1) 45%, rgba(255, 66, 18, 1) 100%)!important;
	background: -webkit-linear-gradient(top, rgba(255, 55, 32, 1) 0%, rgba(255, 157, 111, 1) 45%, rgba(255, 66, 18, 1) 100%)!important;
	background: linear-gradient(to bottom, rgba(255, 55, 32, 1) 0%, rgba(255, 157, 111, 1) 45%, rgba(255, 66, 18, 1) 100%)!important;
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff3720', endColorstr='#ff4212', GradientType=0);
}

.bg-gd .lc-score {
	color: #FF643F!important;
}

.bg-gd .lc-text {
	background: rgb(255, 55, 32)!important;
}

.lc-outer2 {
	width: 116px;
	height: 116px;
	float: left;
	margin: 2px;
	-webkit-border-radius: 126px;
	background: white;
	position: relative;
}

.lc-outer2 .lc-score {
	font-size: 36px;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 24px;
}

.lc-outer2 .title {
	font-size: 12px;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 12px;
	color: #ccc;
}

.lc-outer2 .lc-text {
	font-size: 14px;
	line-height: 32px;
	width: 150px;
	-webkit-border-radius: 30px;
	background: #B8ADE4;
	color: white;
	border: 2px solid white;
	text-align: center;
	position: absolute;
	top: 58%;
	left: -17px;
}

.jianjie-content .lc-button {
	width: 100%;
	padding: 5px 20px;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.jianjie-content .lc-button a {
	width: 31.3%;
	height: auto;
	overflow: hidden;
	float: left;
	margin-right: 2%;
}

.jianjie-content .lc-button a:active .img {
	background: #e5e5e5;
}

.jianjie-content .lc-button a dl {
	margin: 5px;
}

.jianjie-content .lc-button a dl dt .img {
	width: 50%;
	height: auto;
	overflow: hidden;
	-webkit-border-radius: 100%;
	margin: 10px auto 0 auto;
	background: #f1f1f1;
}

.jianjie-content .lc-button a dl dt .img img {
	width: 100%;
	float: left;
}

.jianjie-content .lc-button a dl dd {
	color: #555;
}

.doctor-jianjie a {
	line-height: 40px!important;
}


/*医生详情页end*/


/*疗程维护*/

.lc-list {}

.lc-list li {
	position: relative;
}

.lc-list li .lc-index {
	width: 24px;
	height: 24px;
	font-size: 14px;
	text-align: center;
	line-height: 24px;
	-webkit-border-radius: 4px;
	color: white;
	display: block;
	margin: 3px 8px 3px 0;
	float: left;
}

.lc-list li .drug {
	font-size: 16px;
	color: #444;
	height: 30px;
	line-height: 30px;
}

.lc-list li .time {
	width: 100%;
	font-size: 14px;
	margin: 3px 0 5px 0;
	line-height: 1;
}

.lc-list li a {
	color: white!important;
}


/*病情评估*/

.pgbg-list {
	padding: 15px 8px;
	height: auto;
	overflow: hidden;
}

.pgbg-list a {
	width: 47%;
	height: auto;
	float: left;
	background: white;
	/*box-shadow: 0px 0px 4px #DAD4CA;*/
	/*border-bottom: 3px solid #2DD0C5;*/
	margin-left: 2%;
	margin-bottom: 10px;
	position: relative;
}

.pgbg-list a .delete {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 24px;
	background: gainsboro;
	color: white;
	float: left;
	position: absolute;
	top: -11px;
	right: -6px;
	-webkit-border-radius: 44px;
	border: 1px solid white;
}

.pgbg-list .add {
	border: 1px dashed #AFAAA1!important;
	width: 47%;
	height: 105px;
	line-height: 105px;
	text-align: center;
	font-size: 88px;
	color: #AFAAA1!important;
	background: #F3F2F0;
	display: block;
	background-image: none!important;
}

.pgbg-list a .header {
	height: 40px;
	background-image: -moz-linear-gradient(left, rgba(14, 200, 206, 1) 0%, rgba(98, 224, 178, 1) 100%);
	background-image: -webkit-linear-gradient(left, rgba(14, 200, 206, 1) 0%, rgba(98, 224, 178, 1) 100%);
	background-image: linear-gradient(to right, rgba(14, 200, 206, 1) 0%, rgba(98, 224, 178, 1) 100%);
}

.pgbg-list a .header p {
	line-height: 40px;
	text-indent: 8px;
	color: white;
}

.pgbg-list a .header span {
	position: absolute;
	color: #E6E6E6;
	left: 50%;
	bottom: -10px;
	margin-left: -8px;
}

.pgbg-list a .middle {
	padding: 20px 10px;
	color: #333;
}

.pgbg-list a .middle span {
	font-size: 24px;
	color: #FFB300;
}

.pgbg-list a .footer {
	line-height: 24px;
	text-indent: 8px;
	font-size: 12px;
	border-top: 1px solid #f1f1f1;
}

.pgbg-list a .footer p {
	font-size: 12px;
	color: #ccc;
}


/*病情评估步骤*/

.pg-step a span {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 40px;
	display: block;
	line-height: 40px;
	text-align: center;
	background: #efefef;
	border: 4px solid #efefef;
	box-sizing: content-box;
	margin: 10px;
}

.pg-step .mui-active span {
	background: #2DD0C5!important;
	color: white!important;
}

.pg-step-linear {
	height: 6px;
	position: relative;
	top: -35px;
	left: 20px;
	right: 20px;
	z-index: 1;
	background-color: #f1f1f1;
}

.pg-content .title {
	width: 90%;
	line-height: 30px;
	font-size: 14px;
	color: white;
	-webkit-border-radius: 30px;
	text-align: center;
	background: #B8A0DD;
	margin: 0px 5%;
}

.pg-content .title span {
	font-size: 18px;
}

.yinhangka-ul {
	position: relative;
}

.yinhangka-ul li a {}

.yinhangka-ul li a .left {
	width: 80px;
	line-height: 50px;
	display: block;
	float: left;
	font-weight: bold;
}

.yinhangka-ul li a .unit {
	font-size: 14px;
	line-height: 48px;
	float: right;
	width: 62px;
}

.yinhangka-ul li .input-unit {
	position: absolute;
	right: 10px;
	width: auto;
}

.yinhangka-ul li a input {
	border: none;
	background: none;
	height: 30px;
	margin-top: 10px;
	text-align: right;
	width: 100px;
	float: right;
	color: #2DD0C5;
}

.yinhangka-ul li a font {
	float: left;
}

.Rangetitle {
	margin: 20px;
	font-size: 16px;
	color: #222222;
	margin-bottom: 10px;
	display: block;
	line-height: 1.2;
}

.Rangetitle span {
	font-size: 56px;
	font-weight: bold;
	color: #2DD0C5;
}

.range-4 {
	margin: 15px 10px 20px 10px;
	padding-right: 0px!Important;
}

.range-4 input {
	height: 50px!important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2DD0C5+0,55d0ff+100 */
	background: #2DD0C5;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2DD0C5 0%, #55d0ff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2DD0C5 0%, #55d0ff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2DD0C5 0%, #55d0ff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2DD0C5', endColorstr='#55d0ff', GradientType=1);
	/* IE6-9 */
	border: 6px solid #f1f1f1!important;
	border-radius: 50px!Important;
	-webkit-border-radius: 50px!Important;
	box-shadow: 0px 0px 6px #A5A5A5 inset;
	margin-bottom:0px!important;
}

.range-4 .mui-tooltip {
	top: -57px!Important;
}

.range-4 input[type='range']::-webkit-slider-thumb {
	width: 50px;
	height: 50px;
	border-color: white;
	border-radius: 50px;
	background-color: dodgerblue;
	/修改这里的颜色就可以了！/ background-clip: padding-box;
	-webkit-appearance: none !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
	background: #ffffff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
	/* IE6-9 */
	box-shadow: 0px 0px 6px gray;
}
.smail-box{
}
.smail-0{
	float:left;
	width:40px!important;
	height:40px;
	margin-left:4px;
}
.smail-100{
	float:right;width:40px!important;
	height:40px;
	margin-right:4px;
}
.step-tip {
	display: inline-block;
	width: 90%;
	margin: 20px 5% 0 5%;
}

.boxTitle {
	line-height: 30px;
	color: #4A4A4A;
	margin: 15px 10px 0 10px;
	background: #f7f7f7;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
}

.boxTitle span {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	text-align: center;
	background: #2DD0C5;
	color: #FFFFFF!Important;
	font-size: 22px;
	margin-right: 10px;
	-webkit-border-radius: 30px;
}

.bg-content {
	height: auto;
	border: 1px solid #2DD0C5;
	margin: 15px 10px 0 10px;
	-webkit-border-top-left-radius: 19px;
	-webkit-border-bottom-right-radius: 19px;
}

.bg-content .content-title {
	line-height: 30px;
	background: #2DD0C5;
	color: white!Important;
	text-indent: 10px;
	font-size: 14px;
	-webkit-border-top-left-radius: 18px;
}

.bg-content p {
	color: #333;
}

.bg-content p {
	padding: 10px;
}

.bg-content .big-score {
	font-size: 30px;
	padding: 20px;
	text-align: center;
}


/*用药管理*/

.yy-lc {
	margin: 15px;
	background: white;
	box-shadow: 1px 1px 3px #ccc;
	padding-bottom: 15px;
	padding-top: 1px;
}

.yy-lc .yy-lc-header {
	line-height: 44px;
	height: 46px;
	width: 100%;
	border-bottom: 1px solid #f1f1f1;
	font-size: 16px;
	color: #333;
	position: relative;
}

.yy-lc .yy-lc-header select {
	width: 90px;
	float: left;
	line-height: 44px;
	height: 44px;
	margin-left: 10px;
}

.yy-lc .yy-lc-header a {
	position: absolute;
	height: 44px;
	width: 44px;
	text-indent: 0px;
	line-height: 44px;
	text-align: center;
	display: block;
	float: right;
	top: 0px;
	right: 0px;
}

.yy-lc .yy-lc-header .mui-icon-arrowdown {
	font-size: 14px;
	float: left;
	line-height: 44px;
	position: absolute;
	top: 0;
	left: 70px;
}

.yy-lc .yy-box {
	margin: 15px 10px 0 10px;
	height: 128px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	position: relative;
}

.yy-lc .yy-box .left {
	width: 64px;
	height: auto;
	overflow: hidden;
	float: left;
	padding-bottom: 10px;
}

.yy-lc .yy-box .left span {
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	display: block;
	-webkit-border-radius: 34px;
	margin: 6px 10px 0 10px;
	background: white;
	font-size: 18px;
}

.yy-lc .theme1 {
	background: #2DD0C5;
}

.yy-lc .theme1 .left span {
	color: #2DD0C5;
}

.yy-lc .theme2 {
	background: #63D1FB;
}

.yy-lc .theme2 .left span {
	color: #63D1FB;
}

.yy-lc .theme3 {
	background: #FFC458;
}

.yy-lc .theme3 .left span {
	color: #FFC458;
}

.yy-lc .yy-box .right {
	position: absolute;
	left: 54px;
	right: 10px;
	top: 10px;
	bottom: 10px;
}

.yy-lc .yy-box .right .yy-name {
	font-size: 18px;
	line-height: 28px;
	padding-top: 13px;
	color: white;
	border-bottom: 1px solid white;
}

.yy-lc .yy-box .right .pl {
	font-size: 14px;
	color: white;
	margin-top: 6px;
	display: block;
}

.yy-lc .yy-box .right .switch .mui-switch-blue.mui-active {
	border: 2px solid #FFFFFF;
	background-color: #FFCA68;
}

.yy-lc .yy-box .right .switch {
	margin-top: 5px;
}

.yy-lc .yy-box .right .switch .mui-switch.mui-active:before {
	color: white;
}

.yy-lc .yy-box .right .switch span {
	float: right;
	color: white;
	font-size: 14px;
	margin-top: 4px;
}

.yy-lc .yy-box .right .switch .mui-switch {
	float: right;
}

.yy-lc .yy-box .yy-edit {
	color: white;
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10000000000000000000;
}

.yp-box {
	padding: 10px;
	border-bottom: 1px solid #f1f1f1;
}

.yp-box:last-of-type {
	border: 0px;
}

.yp-box label {
	line-height: 40px;
	color: #333;
	margin-left: 8px;
	display: inherit;
}

.yp-box .input-box {
	border-color: #F0F0F0;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
	background-clip: padding-box;
	border-radius: 8px;
	margin: 0 3px;
	border-width: 1px;
	border-style: solid;
	font-size: 14px;
	line-height: 40px;
	background: rgba(228, 228, 228, 0.40);
}

.yp-box .input-box-half {
	width: 45%;
	border-color: #F0F0F0;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
	background-clip: padding-box;
	border-radius: 8px;
	margin: 0 3px;
	border-width: 1px;
	border-style: solid;
	font-size: 14px;
	line-height: 40px;
	background: rgba(228, 228, 228, 0.40);
	float: left;
}

.yp-box .input-box select {
	background: none;
	border: none;
	outline: none;
	width: 80%;
	margin-left: 8px;
	color: #636363;
	font-size: 16px;
}

.yp-box .input-box-half select {
	background: none;
	border: none;
	outline: none;
	width: 80%;
	margin-left: 8px;
	color: #636363;
	font-size: 16px;
}

.yp-box .input-box button {
	height: 40px;
	line-height: 10px;
	font-size: 16px;
	border: 0px;
	outline: none;
	background: none;
	margin-bottom: 0px;
	color: #666;
}

.yp-box .input-box-half button {
	height: 40px;
	line-height: 10px;
	font-size: 16px;
	border: 0px;
	outline: none;
	background: none;
	margin-bottom: 0px;
	color: #666;
}

.yp-box .input-box input {
	background: none;
	border: none;
	outline: none;
	width: 80%;
	margin-left: 4px;
	color: #636363;
	margin-bottom: 0px;
	font-size: 16px;
}

.yp-box .input-box-half input {
	background: none;
	border: none;
	outline: none;
	width: 80%;
	margin-left: 4px;
	color: #636363;
	margin-bottom: 0px;
	font-size: 16px;
}

.yp-box .input-box select option {}

.yp-box .yp-text-box-1 {
	display: inherit;
	color: gray;
	float: left;
	line-height: 30px;
	margin-left: 10px;
}

.yp-box .mui-switch {
	float: left;
	margin-left: 20px;
}

.yp-box .mui-switch.mui-active {
	border: 2px solid #FBAD1E;
	background-color: #FFB938;
}

.yp-box .mui-switch.mui-active:before {
	color: white;
}

.yp-box .yp-li {
	display: inline-block;
}

.yp-box .yp-li .zt {
	line-height: 30px;
	color: orangered;
	float: left;
}

.yp-box .split-line {
	width: 100%;
	border-bottom: 1px solid #ccc;
	margin: 20px 0;
}

.yp-box .split-line span {
	width: 40px;
	text-align: center;
	line-height: 40px;
	color: gray;
	background: white;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
}


/*不良事件*/

.blsj-area {
	height: auto;
	overflow: hidden;
}

.blsj-area .lc {
	line-height: 40px;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	background: #2DD0C5;
}

.blsj-area .year {
	width: 100px;
	height: 26px;
	margin: 0px 0px 0 46px;
}

.blsj-area .year:first-of-type {
	margin-top: 20px;
}

.blsj-area .year .cover {
	width: 100px;
	height: 26px;
	display: block;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	background: #efefef;
	color: white;
	text-align: center;
	line-height: 26px;
}

.blsj-box {
	position: relative;
	padding: 20px 0;
	height: auto;
	overflow: hidden;
}

.blsj-box .time {
	color: #666;
	padding: 19px 10px;
	float: left;
}

.blsj-box .date {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #FFC458;
	border: 6px solid #FFE1A9;
	box-sizing: content-box;
	position: absolute;
	top: 50%;
	margin-top: -31px;
	left: 62px;
	z-index: 1000000;
}

.blsj-box .date dl {
	color: white;
	margin-top: 4px;
}

.blsj-box .date dl dt {
	text-align: center;
	font-size: 12px;
}

.blsj-box .date dl dd {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	/*text-shadow: 1px 1px 2px #848484;*/
	margin-top: -2px;
}

.blsj-box .right {
	float: right;
	width: 60%;
	height: auto;
	overflow: hidden;
	-webkit-border-top-left-radius: 65px;
	-webkit-border-bottom-left-radius: 65px;
	border: 1px solid #FFE9C1;
}

.blsj-box .right p {
	line-height: 2;
	margin: 0 5px 0 20px;
}

.blsj-box .right .top {
	font-size: 16px;
	border-bottom: 1px solid #f1f1f1;
	color: #333;
}

.blsj-box .right .bottom {
	font-size: 14px;
}

.blsj-box .line {
	width: 2px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 93px;
	background: #f1f1f1;
}

.list-add {
	width: 60%;
	margin: 10px 20%;
	line-height: 36px!important;
	font-size: 14px;
	display: block;
	background: white;
	color: #58D8AF;
	/* border: 1px solid #58D8AF; */
	text-align: center;
}

.list-add i {
	margin-right: 5px;
}

.list-add:active {
	color: #42C79D!important;
	border: 1px solid #42C79D;
}


/*添加检验报告*/

.hy-area li a .fa {
	margin-right: 5px;
}

.jy-box .top {
	line-height: 36px;
	text-indent: 10px;
	border-bottom: 1px solid #f1f1f1;
	font-size: 14px;
}

.jy-box ul {
	padding: 10px 0;
	border-bottom: 1px solid #f1f1f1;
}

.jy-box:last-of-type ul {}

.jy-box ul li {
	display: inline-block;
	padding: 5px 0;
	width: 100%;
}

.jy-box ul li .name {
	width: 33%;
	text-align: right;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
}

.jy-box ul li div {
	width: 30%;
	font-size: 14px;
	height: 30px;
	margin-left: 5px;
	float: left;
	background: rgba(228, 228, 228, 0.40);
	border-color: #F0F0F0;
	-webkit-border-radius: 4px;
}

.jy-box ul li div input {
	width: 90%;
	border: none;
	background: none;
	outline: none;
	float: left;
	height: 30px;
	text-align: right;
}

.jy-box ul li .unit {
	width: 30%;
	line-height: 30px;
	font-size: 12px;
	float: left;
	text-align: left;
	margin-left: 8px;
}


/*添加影像检查报告*/

.yx-area {
	margin: 10px;
	padding-bottom: 10px;
	height: auto;
	overflow: hidden;
}

.yx-area .yx-img {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: white;
	box-shadow: 1px 1px 3px #ccc;
	margin-bottom: 15px;
}

.yx-area .yx-img img {
	width: 92%;
	margin: 15px 4% 0 4%;
	;
}

.yx-area .yx-img p {
	padding: 10px 15px;
	line-height: 1.2;
	font-size: 16px;
	color: #666;
}


/*影像add*/

.yx-left {
	width: 96%;
	margin: 10px 2%;
	float: left;
	height: auto;
	overflow: hidden;
}

.yx-left a {
	width: 100%;
	height: 100px;
	overflow: hidden;
	display: block;
	margin-bottom: 10px;
}

.yx-left a img {
	width: 42%;
	float: left;
	margin-top: -12%;
	height: auto;
}

.yx-left a textarea {
	width: 54%;
	float: left;
	margin: 5px 2%;
	height: 88px;
	padding: 10px;
}

.yx-img-add {
	line-height: 100px;
	background: #F5F5F5;
	border: 1px dotted gray;
	text-align: center;
	color: gray;
	clear: both;
	font-size: 82px;
}


/*门诊、住院登录选择*/

.login-step-1 {
	background: url(../img/9.jpg) #31A7E5 center center;
	background-size: 100% 100%;
}

.login-step-2 {}

.hos-enter-area {
	position: absolute;
	top: 50%;
	width: 50%;
	left: 25%;
}

.hos-enter-area a {
	width: 100%;
	line-height: 40px;
	font-size: 15px;
	color: white;
	margin-bottom: 13px;
	text-align: center;
	display: block;
}

.hos-enter-area a.active {
	color: white;
	font-size: 16px;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.19) 51%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.19) 51%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.19) 51%, rgba(255, 255, 255, 0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
}

.pop-login-area {
	-webkit-border-radius: 0px;
	height: 300px;
	top: 50%!important;
	margin-top: -150px;
	left: 5%!important;
	width: 90%!important;
}

.pop-login-area .mui-popover-arrow {
	display: none;
}

.pop-login-area p {
	line-height: 50px;
	color: #333;
	display: block;
	font-size: 16px;
	text-indent: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.pop-login-area .mui-icon-closeempty {
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	color: #ccc;
	right: 0px;
	top: 0px;
	text-align: center;
}

.pop-login-area .pop-login-input {
	width: 84%;
	margin: 20px 7% 0 7%;
	height: auto;
	overflow: hidden;
	border: 1px solid #f7f7f7;
}

.pop-login-area .enter-button {
	-webkit-border-radius: 0px;
	width: 84%;
	margin: 30px 7% 0 7%;
}

.pop-login-area .pop-login-input input {
	width: 100%;
	float: left;
	line-height: 30px;
	font-size: 14px;
	margin: 5px;
}


/*我的医生*/

.current-doctor-img {
	width: 80px;
	height: 80px;
	-webkit-border-radius: 80px;
	position: absolute;
	top: -40px;
	left: 20px;
	background: white;
}

.current-doctor-img img {
	width: 74px;
	height: 74px;
	-webkit-border-radius: 74px;
	margin: 3px;
	float: left;
}

.current-doctor-info {
	position: absolute;
	left: 118px;
	top: -30px;
	width: 50%;
}

.current-doctor-info dt {
	color: white;
	line-height: 30px;
	font-size: 16px;
}

.current-doctor-info dd {
	font-size: 14px;
	line-height: 30px;
}

.mui-table-view:before {
	background-color: #efefef;
}

.mui-table-view:after {
	background-color: #efefef;
}

.change-doctor {
	font-size: 12px;
	color: white;
	padding: 5px 10px;
	background: rgba(255, 255, 255, 0.4);
	display: block;
	-webkit-border-radius: 4px;
	position: absolute;
	top: -40px;
	right: 10px;
}

.doctor-content .scroll-content {
	background: #f7f7f7;
	overflow: visible;
	position: relative;
	box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.51);
}

.doctor-content .mui-scroll {
	overflow: visible;
}


/*服务付费确认*/

.pay-confirm {
	padding: 8px;
	background: white;
	height: auto;
	overflow: hidden;
	position: relative;
}

.pay-confirm i {
	font-size: 30px;
	margin: 5px;
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #2DD0C5;
}

.pay-confirm dl {
	margin-top: 7px;
}

.pay-confirm dl dt {
	font-size: 18px;
	color: #333;
}

.pay-confirm dl dd {
	margin-top: 4px;
	font-size: 14px;
	color: gray;
}

.pay-confirm .price {
	position: absolute;
	top: 15px;
	right: 5px;
	font-size: 16px;
	color: orangered;
}

.pay-confirm .old-data {
	position: absolute;
	top: 40px;
	right: 5px;
	font-size: 14px;
	color: gray;
}

.enter-pay {
	line-height: 50px;
	width: 100%;
	display: block;
	background: orange;
	color: white;
	text-align: center;
	font-size: 16px;
}

.enter-pay:active {
	color: white;
	background: #F1AC2F;
}

.ul-djz li {
	margin-top: 10px;
}

.ul-djz .people-card {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.ul-djz .zx-list-free {
	line-height: 20px;
	padding: 0px;
}

.ul-djz .go-review {
	font-size: 14px;
	display: block;
	color: #FBA623;
	width: 60px;
	float: right;
	padding-top: 7px;
	text-align: center;
}


/*医生评论页*/

.doctor-comment {
	padding: 15px;
	position: relative;
	height: auto;
	overflow: hidden;
}

.doctor-comment img {
	width: 100px;
	height: 100px;
	display: block;
	margin:0px auto 10px auto;
	-webkit-border-radius:80px;
	border:4px solid white;
}

.doctor-comment textarea {
	float:left;
	line-height:1.4;
	margin-top:10px;
	border:0px;
	background:none;
	min-height:100px;
	color:#333;
	text-align: left;
	font-size:16px;
}
.doctor-comment textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:gray;
}
.doctor-comment textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: gray;
}
.doctor-comment textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: gray;
}
.doctor-comment textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:gray;
}
.doctor-comment-bottom{
	position: fixed;
	bottom:0px;
	left:0px;
	right: 0px;
	height:44px;
	line-height: 44px;
	background:white;
}
.doctor-comment-bottom .mui-input-group input{
	top:8px!important;
}
.doctor-comment-bottom  label{
	padding-top:13px!important;
}
.doctor-comment-bottom .mui-input-group{
	width:60%;
	float:left;
}
.doctor-comment-bottom a{
	width: 30%;
	float:right;
	text-align: center;
	line-height:44px;
	height:44px;
	display: block;
	background:#32C798;
	color:white;
	font-size:16px;
}
.yipinglun{
	color:#ccc!important;
}
.grayTip{
	text-align: center;
	color:#ccc;
	margin:20px 0;
}
















